.personalCen {
    height: 100vh;
    box-sizing: border-box;
    padding-bottom:20vw;
    overflow: auto;
    .top {
        background-color: #04D2C3;
        height: 30vw;
        width: 100vw;
        // border-radius: 50%;
        padding: 1vw 5vw 0 5vw;
        position: relative;
        box-sizing: border-box;
        .img {
            width: 15vw;
            height: 15vw;
            float: left;
            background-color: #fff;
            border-radius: 15vw;
            margin-right: 1vw;
            border:1vw solid #5eece2;
            image {
                width: 15vw;
                height: 15vw;
                border-radius: 15vw;
            }
        }
           .iocn{
               position:absolute;
               width:20vw;
               height:20vw;
               right:-12vw;
               top:2vw;
               z-index:4;
               animation: xiao_xiong 6s linear 0.3s infinite;
               image{
                   display: block;
                   height:100%;
                   width:100%;
               }
           }
        .info {
            float: left;
            overflow: hidden;
            color: #fff;
            margin: 2.5vw;
            .name {
                font-size:4vw;
                margin-bottom:1.5vw;
                text {
                    font-size: 3.2vw;
                    color: rgba(255, 255, 255, .9);
                }
            }
            .addr {
                font-size: 3.2vw;
                .vertical {
                    color: rgba(255, 255, 255, .7);
                }
            }
        }
        .msgTip {
            float: right;
            width: 6vw;
            height: 6vw;
            position: relative;
            image {
                width: 6vw;
                height: 6vw;
            }
            .red {
                position: absolute;
                top: 0.5vw;
                right: 0.5vw;
                width: 2vw;
                height: 2vw;
                border-radius: 2vw;
                background-color: #FF3C13;
            }
        }
        .round {
            width: 100vw;
            height: 15vw;
            border-radius: 50%;
            background-color: #04D2C3;
            position: absolute;
            bottom: -7.5vw;
            left: 0;
        }
        .ol{
            width:90vw;
            overflow: hidden;
            position: absolute;
            left: 5vw;
            bottom: -15vw;
            // margin:2vw 5vw 0 5vw;
            height:23vw;
            padding:5vw 0;
            box-sizing: border-box;
            border-radius:2vw;
            background:#fff;
            box-shadow:2px 2px 6px rgba(0, 0, 0, 0.1);
            .li{
                text-align: center;
                float: left;
                box-sizing: border-box;
                width: 33.33%;
                position: relative;
                .num{
                    font-size: 4.8vw;
                    color:#FFA229;
                    font-weight:bold;
                }
                // image{
                //     float: left;
                //     width:5vw;
                //     height:5vw;
                //     margin:0 1vw 0 6vw;
                // }
                .wrds{
                    margin-top:2vw;
                    font-size:3.2vw;
                    color:#666;
                    text-align:center;
                    .payTip {
                        color: #FFA229;
                    }
                }
                &:before{
                    content:'';
                    position:absolute;
                    top:3.2vw;
                    left:0;
                    width:1px;
                    height:6vw;
                    background:#ededed;
                }
                &:first-of-type:before{
                    display:none;
                }
            }
        }
    }
    .order {
        padding: 3vw 5vw 1vw 5vw;
        .title {
            font-size: 3.73vw;
        }
        .list {
            display: flex;
            padding: 3vw 0;
            justify-content: space-between;
            .li {
                width: 20vw;
                // background-color: blue;
                text-align: center;
                image {
                    width: 6vw;
                    height: 6vw;
                }
                view {
                    font-size: 3.2vw;
                    color: #666666;
                }
            }
        }
    }
    .banner {
        width: 100vw;
        height: 2vw;
        background-color: #F5F5F5;
    }
    .detail {
        padding: 7vw 5vw 0 5vw;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        .li {
            width: 20vw;
            // background-color: blue;
            text-align: center;
            padding: 0;
            margin: 0;
            background-color: #fff;
            image {
                width: 6vw;
                height: 6vw;
            }
            view {
                font-size: 3.2vw;
                color: #666666;
                margin-bottom: 5vw;
                line-height: 5vw;
            }
        }
    }
    .type {
        overflow: hidden;
        padding: 2vw 5vw 0;
        .left {
            width: 44vw;
            float: left;
            position: relative;
            image {
                width: 100%;
            }
        }
        .right {
            width: 44vw;
            float: right;
            position: relative;
            image {
                width: 100%;
            }
        }
        .tip {
            position: absolute;
            top: 3vw;
            left: 3vw;
            color: rgba(255, 255, 255, .9);
            view:first-child {
                font-size: 4vw;
                line-height: 8vw;
            }
            view:last-child {
                font-size: 3.2vw;
            }
        }
        .banner {
            width: 100%;
            height: 19vw;
            image {
                width: 100%;
            }
        }
    }
    .badge_list{
        padding-top: 16vw;
        padding-bottom:1vw;
        swiper{
//          width:90vw;
//          margin-left:5vw;
            position:relative;
            height:23vw;
            &:after{
                content:'';
                width:24vw;
                height:inherit;
                position:absolute;
                z-index:8;
                display: block;
                top:0;
                right:0;
                pointer-events:none;
                background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.8));
            }
        }
        .img{
            width:12.5vw;
            height:14vw;
            margin-left:4.86vw;
            image{
                width:100%;
            }
        }
        .name{
            line-height:8vw;
            font-size:3.2vw;
            color:#999999;
            display: block;
            text-align: center;
        }
        navigator.get{
            .name{
                color:#00D2C3;
                font-weight:bold;
            }
        }    
        navigator.on{
            position:relative;
            &:after{
                position:absolute;
                right:0;
                top:0.5vw;
                content:'';
                width:8vw;
                height:4vw;
                background:url('//resource.160nurse.com/canvas/healthy/img/badge/new.png') no-repeat;
                background-position:top center;
                background-size:100%;
                display: block;
                z-index: 2;
            }
        }
        .le{
            float: left;
            color:#999;
            font-size:3.73vw;
            text{
                margin-left:1vw;
                display:inline-block;
                color:#00D2C3;
            }
            .b{
                color:#000;
                margin-left:0;
            }
        }
        .ri{
            float:right;
            font-size:3.2vw;
            color:#999;
            background:url('http://resource.160nurse.com/1.0/img/g_img/san_jiao_10.png') no-repeat;
            background-size:1.6vw;
            padding-right:3vw;
            background-position:center right 
        }
        .overflow{
            line-height:12vw;
            padding:0 5vw 0 5vw;
        }
    }
}
.gender {
    z-index: 99999999;
    .fd {
        top: 30vh;
        color: #666;
    }
    text:first-child {
        padding-bottom: 0;
    }
    .sel {
        margin: 0 auto;
        overflow: hidden;
        >view {
            font-size: 3.73vw;
            width: 27vw;
            line-height: 8vw;
            border-radius: 6vw;
            border: 1px solid #00D2C3;
            text-align: center;
            color: #fff;
        }
        .confirm {
            float: right;
            background-color: #00D2C3;
        }
        .noConfirm {
            float: left;
            color: #00D2C3;
        }
    }
}